/*
 * 可复用的公有布局
 */
#tabmenu {
  ul {
    width: 100%;
    box-shadow: 1px 1px 10px 3px gray;
    li {
      flex: 1;
      a {
        display: flex;
        flex-direction: column;
        text-align: center;
        padding-top: 13px;
        background-color: rgba(255, 255, 255, 100);
        color: #ccc;

        .iconfont {
          font-size: 35px;
          // color: rgba(138, 138, 138, 100);
        }
        p {
          font-size: 12px;
          // color: rgba(138, 138, 138, 100);
        }
        &.active {
          color: #4294ff;
        }
      }
    }
  }
}
.head-menu{
  height: 50px;
  border-bottom: 1px solid gray;
  justify-content: space-around;
  align-items: center;
  
  p{
    a{
      color: #9A9A9A ;
    }
    &.active a{
      font-size: 18px;
      font-weight: bold;
      color: #4294FF;
      border-bottom: 2px solid #4294FF;
      padding-top:18px;
      padding-bottom: 12px;
  }
  }
}
